<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<style>
body{
margin:0;
padding:0;
}
.ticketBox {
	width: 8cm;
	height: 8cm;
	display: block;
}

h2 {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	margin: 0;
}

#dTickPrint .bottomline {
	border-bottom: 1px dashed #ccc;
}

#dTickPrint td {
	padding: 8px;
	font-size: 15px;
}
</style>
<div id="dTickPrint" class="ticketBox">
	<c:forEach var="ticket" items="${ticketList }">
		<!--打印页面 用户联 -->
		<div class="ticketBox">
			<h1
				style="font-size: 22px; padding: 5px; text-align: center; margin: 0;">${ticket.ticketType.name }</h1>
			<h2
				style="font-size: 15px; border-bottom: 1px solid #ccc; padding: 5px; text-align: center; margin: 0;">游客联</h2>
			<table width="100%">
				<tr>
					<td align="left" colspan="2" class="bottomline"><b>人数</b>&nbsp;&nbsp;成人：<span
						id="returnPage1">${ticket.adultCount }</span>&nbsp;&nbsp;儿童：<span
						id="returnPage2">${ticket.childCount }</span></td>
				</tr>
				<tr>
					<td align="left" colspan="2" class="bottomline"><b>单价</b>&nbsp;&nbsp;成人：<span
						id="returnPage3">${ticket.adultPrice }</span>&nbsp;&nbsp;儿童：<span
						id="returnPage4">${ticket.childPrice }</span></td>
				</tr>
				<tr>
					<td valign="top" align="left"><b>总价：</b><font
						style="font-size: 20px; font-weight: bold;"><span
							id="returnPage5">${ticket.totalPrice}</span></font>元</td>
					<td valign="top" rowspan="2" align="center"><img
						src="${pageContext.request.contextPath}/static/images/uwooz.gif" /><br>
						NO.<span id="returnPage6">${ticket.id }</span></td>
				</tr>
				<tr>
					<td valign="top" align="left" nowrap="nowrap">
						<%-- 	<fmt:formatDate type="date" pattern="yyyy年MM月dd日" /> --%>
						${ticket.createTime}
					</td>
				</tr>
			</table>
		</div>

		<!--打印页面 检票联 -->
		<div class="ticketBox">
			<h1
				style="font-size: 22px; padding: 5px; text-align: center; margin: 0;">${ticket.ticketType.name }</h1>
			<h2
				style="font-size: 15px; border-bottom: 1px solid #ccc; padding: 5px; text-align: center; margin: 0;">检票联</h2>
			<table width="100%">
				<tr>
					<td align="left" colspan="2" class="bottomline"><b>人数</b>&nbsp;&nbsp;成人：<span
						id="returnPage1">${ticket.adultCount }</span>&nbsp;&nbsp;儿童：<span
						id="returnPage2">${ticket.childCount }</span></td>
				</tr>
				<tr>
					<td align="left" colspan="2" class="bottomline"><b>单价</b>&nbsp;&nbsp;成人：<span
						id="returnPage3">${ticket.adultPrice }</span>&nbsp;&nbsp;儿童：<span
						id="returnPage4">${ticket.childPrice }</span></td>
				</tr>
				<tr>
					<td valign="top" align="left"><b>总价：</b><font
						style="font-size: 20px; font-weight: bold;"><span
							id="returnPage5">${ticket.totalPrice}</span></font>元</td>
					<td valign="top" rowspan="2" align="center"><img
						src="${pageContext.request.contextPath}/Qrcode/encode.do?id=2" /><br>
						NO.<span id="returnPage6">${ticket.id }</span></td>
				</tr>
				<tr>
					<td valign="top" align="left" nowrap="nowrap">
						${ticket.createTime}</td>
				</tr>
			</table>
		</div>
	</c:forEach>
</div>